<!DOCTYPE HTML >
<html>
<head>
    <title>商城首页</title>
    <meta charset='utf-8'>
    <style type='text/css'>
        *{
            margin: 0;
            padding: 0;
            border: 0 none;
            font-family: 微软雅黑;
        }
        div{
            margin: 0;
            padding: 0;
        }
        a  {
            text-decoration: none;
            color: black;
        }
        ul li{
            list-style: none;
        }
        .all{
            min-width: 1240px;
            background-color: #f6f6f6;
            /*height: 1000px;*/
        }
        .wrapper{
            min-width: 1240px;

        }
        .top{
            width: 1240px;
            height: 35px;
            /*background-color: #00FF00;*/
            margin: 0 auto;
            position: relative;

        }
        .login{
            height:35px;
            line-height: 35px;
            float: left;
        }
        .login div div{
            float: left;
            font-size: 12px;
            color: #c1bec0;
            padding-right: 15px;
        }
        .search{
            width: 1240px;
            height:132px;
            /*line-height: 100px;*/
            margin: 0 auto;
            padding-top: 30px;
            /*background-color:#bf314a;*/
            position:relative;
        }
        .research{
            width:472px;
            height: 40px;
            position: absolute;
            right: 200px;
            border: 1px solid #2fab3c;
        }
        .bought{
            width: 160px;
            height: 40px;
            line-height: 40px;
            position:absolute;
            right: 0;
            cursor: pointer;
            /*color: #555555;*/
            font-size: 12px;
            border: 1px solid #9f9f9f;
            background-color: #ffffff;

        }
        .search-more{
            color: #9f9f9f;
            font-size: 12px;
            width: 400px;
            height: 40px;
            line-height: 40px;
            position:absolute;
            left: 565px;
        }
        .search-more div {
            width:80px;
            height: 40px;
            line-height:40px ;
            float: left;
        }
        .smart-up{
            width: 1240px;
            height:42px;
            margin: 0 auto;
            position:absolute;
            bottom: 0;

            /*background-color:white;*/
        }
        .smart-left{
            width: 210px;
            height: 42px;
            line-height: 42px;
            background-color: #353435;
            position: absolute;
            cursor: pointer;
        }
        .smart-left div{
            float: left;
            color:white;
        }
        .smart-right{
            width: 830px;
            height: 42px;
            position: absolute;
            right: 200px;
        }
        .smart-right div{

            height: 42px;
            margin-left: 30px;
            color: #353435;
            text-align: center;
            line-height: 42px;
            float: left;
            cursor: pointer;
        }
        .smart{
            width: 1240px;
            height: 448px;
            margin: 0 auto ;

        }


        .smart-down{
            width: 1240px;
            height: 450px;
        }
        .smart-down>div{
            height: 450px;
            float: left;
        }
        .down-left{
            width: 210px;
        }
        .smart-phone{
            width: 210px;
            height: 55px;
            line-height: 55px;
            background-color: #ede7e9;
            position:relative;
            cursor: pointer;
        }
        .smart-phone div{
            float: left;
        }
        .down-main{
            width:830px;
        }
        .down-right{
            width: 200px;
        }
        .down-right>div{
            width: 200px;
            height: 210px;
            margin: 10px 0;
            background-color: #edb6ca;
            line-height: 210px;
        }
        .content{
            width:1240px;
            height:590px;
            margin: 0 auto 20px;


        }
        .content>div{
            width: 1240px;
        }
        /*.content>div div{*/
        /*float: left;*/
        /*}*/
        .content-up{
            height: 40px;
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 40px;
            /*background-color:#f6f6f6 ;*/
        }
        .content-up >div{
            float: left;
        }
        .content-up a>div{
            float: left;
            color: #9f9f9f;
            padding-right:5px;
        }
        .content-down{
            height: 540px;

        }
        .content-down>div{
            float: left;
            height: 540px;
        }
        .content-left{
            width: 240px;
            margin-right: 10px;
        }
        .content-left>div{
            width: 240px;
        }
        .content-main{
            width: 740px;
            position: relative;

        }
        .content-main>div{
            width: 245px;
            height: 269px;
            background-color: #ffffff;
            position: absolute;
        }
        .content-main>div div{
            height: 20px;
            line-height: 20px;
            text-align: center;
            margin-top:5px;
        }
        .content-right{
            width: 250px;
            background-color: #ffffff;
        }
        .content-right >div>div{
            border-bottom: 1px solid #f6f6f6;
            width: 220px;
            height: 114px;
            position: relative;
        }

        .content-more{
            width: 72px;height: 72px;
            position: absolute;bottom: 15px
        }
        .content-nav{
            width:148px;height: 72px;
            position: absolute;bottom: 15px;right: 0
        }
        .content-nav>div{
            font-size: 12px;
            overflow: hidden;
            white-space: nowrap;
            margin-bottom: 10px;
        }
        .nav-two{
            color: #6f6f6f;
        }
        .nav-there{
            color: #bf314a;
        }
        .footer-up{
            height: 90px;
            /*line-height: 90px;*/
            width: 1240px;
            margin: 0 auto;
        }
        .footer-up>div{
            width: 309px;
            height: 60px;
            margin: 15px auto;
            line-height: 60px;
            float: left;
            /*text-align: center;*/
            border-right: 1px solid #9f9f9f;
            position: relative;
        }

        .footer-more{
            position: absolute;
            right:70px;
            width: 120px;
            font-size: 18px;
        }
        .footer-main{
            margin:25px auto;
            width: 1240px;
            height: 210px;
        }
        .footer-main >div{
            width: 200px;
            height: 210px;
            float: left;
        }
        .footer-main  a>div{
            font-size: 12px;
            color: #6f6f6f;
            margin-top: 20px;
        }
        .footer-down{
            margin: 0 auto;
            width: 1240px;
            height:80px;
            line-height: 80px;
            text-align: center;
            color: #979797;
            font-size: 12px;
        }
    </style>
</head>
<body>
<div class='all'>
    <!--登录-->
    <div class='wrapper' style="  background-color: #353435;">
        <div class='top'>
            <!--左边-->
            <div class='login' style='width: 995px;'>
                <div>
                    <a href='#'><div>大客户采购</div></a>
                    <a href='#'><div>帮助中心</div></a>
                    <a href='#'><div>收藏本站</div></a>
                    <a href='#'><div>商品入住</div></a>
                    <a href='#'><div>老人手环申请</div></a>
                    <a href='#'><div>
                        <div style='width: 22px;height: 15px;padding:0;
                        background: url("../img/item1/all/tool.png") -2px -268px;position: absolute;top:10px;'></div>
                        <div style= 'padding-left: 25px'>手机商城</div
                        ></div></a>
                </div>
            </div>
            <!--右边-->
            <div class='login' style='width: 245px;'>
                <div>
                    <a href='#'><div style=''>登录</div></a>
                    <a href='#'><div>注册</div></a>
                    <a href='#'><div>|</div></a>
                    <a href='#'><div>F码购买</div></a>
                    <a href='#'><div style='padding: 0'>我的订单</div></a>
                </div>
            </div>
        </div>
    </div>
    <div class='wrapper' style='border-bottom: 1px solid #353435;background-color: white;'>
        <div class='search' >
            <!--搜索栏-->
            <div style='width: 1240px;height: 42px;position:relative;'>
                <!--柔柔商城图片-->
                <div style='width: 150px;height: 40px;background: url("../img/item1/all/logo.png");position: absolute;'></div>
                <div class='research'>
                    <div style='position: absolute'>
                        <form>
                            <input type='text' value='几米无屏电视' style='
                             border: 0 none; width: 400px;
                                color: #9f9f9f;
                             height:40px;padding-left:15px'>
                        </form>
                    </div>
                    <div style='position: absolute;
                    cursor: pointer;
                    right: 0; width: 72px;height: 40px;line-height: 40px; background-color: #2fab3c;'>
                        <div style='width:72px;height: 40px;line-height: 40px;
                        background: url("../img/item1/all/tool.png") no-repeat 24px -110px'></div>
                    </div>
                </div>
                <!--我的购物车-->
                <div class='bought' >
                    <div style='width: 20px;height: 15px;background: url("../img/item1/all/tool.png") 0 0;
                        position: absolute;left: 20px;top: 12px;'>
                    </div>
                    <div style='position: absolute;left: 45px;'>我的购物车</div>
                    <div style='position: absolute;left: 105px;color: #9f9f9f'>(0)</div>
                </div>
            </div>
            <!--儿童手表-->
            <div class='search-more'>
                <div>手机N4A</div>
                <div>儿童手表5C</div>
                <div>儿童机器人</div>
                <div>安全路由5G</div>
            </div>
            <div class='smart-up'>
                <!--左边-->
                <div class='smart-left'>
                    <div style='width: 26px;height: 26px;margin:7px 10px 7px 30px;background: url("../img/item1/all/tool.png") no-repeat
                        3px -300px
    '></div>
                    <div>全部智能酷品</div>
                </div>
                <!--右边-->
                <div class='smart-right'>
                    <div>手机</div>
                    <div>行车记录仪</div>
                    <div>儿童手表</div>
                    <div>摄像机</div>
                    <div>路由器</div>
                    <div>儿童机器人</div>
                    <div>老人手表</div>
                    <div>智品牌</div>
                    <div>社区</div>
                </div>
            </div>
        </div>
    </div>


    <div class='wrapper' style='
    background: url("../img/item1/all/banner.jpeg") no-repeat ;background-position: center;
'>


        <div class='smart' style='margin: 0 auto'>

            <!--下边-->
            <div class='smart-down'>
                <!--下 左边-->
                <div class='down-left'>
                    <div class='smart-phone'>
                        <div style='width: 26px;height: 26px;margin:14px 10px 14px 30px;
                    background: url("../img/item1/all/spirit.png") no-repeat
                    -9px -17px'></div>
                        <div>手机</div>
                    </div>
                    <div class='smart-phone' style='background-color: #f8edd9;height: 63px'>
                        <div style='width: 26px;height: 26px;margin:14px 10px 14px 30px;
                    background: url("../img/item1/all/spirit.png") no-repeat
                    -9px -73px'></div>
                        <div>智能穿戴</div>
                    </div>
                    <div class='smart-phone'>
                        <div style='width: 26px;height: 26px;margin:14px 10px 14px 30px;
                    background: url("../img/item1/all/spirit.png") no-repeat
                    -9px -129px'></div>
                        <div>智能家居</div>
                    </div>
                    <div class='smart-phone' style='background-color: #f8edd9'>
                        <div style='width: 26px;height: 26px;margin:14px 10px 14px 30px;
                    background: url("../img/item1/all/spirit.png") no-repeat
                    -9px -185px'></div>
                        <div>智能车品</div>
                    </div>
                    <div class='smart-phone'>
                        <div style='width: 26px;height: 26px;margin:14px 10px 14px 30px;
                    background: url("../img/item1/all/spirit.png") no-repeat
                    -9px -241px'></div>
                        <div>影音娱乐</div>
                    </div>
                    <div class='smart-phone' style='background-color: #f8edd9'>
                        <div style='width: 26px;height: 26px;margin:14px 10px 14px 30px;
                    background: url("../img/item1/all/spirit.png") no-repeat
                    -9px -297px'></div>
                        <div>电脑/娱乐</div>
                    </div>
                    <a href="sort.html" target='_blank'><div class='smart-phone'>
                        <div style='width: 26px;height: 26px;margin:14px 10px 14px 30px;
                    background: url("../img/item1/all/spirit.png") no-repeat
                    -9px -409px'></div>
                        <div>无人机/机器人</div>
                    </div></a>
                    <div class='smart-phone' style='background-color: #f8edd9'>
                        <div style='width: 26px;height: 26px;margin:14px 10px 14px 30px;
                    background: url("../img/item1/all/spirit.png") no-repeat
                    -9px -353px'></div>
                        <div>母婴玩具</div>
                    </div>
                </div>
                <!--中间-->
                <div class='down-main'></div>
                <!--右边-->
                <div class='down-right'>
                    <div><img src='../img/item1/index/ban_1.png'></div>
                    <div><img src='../img/item1/index/ban_2.png'></div>
                </div>
            </div>
        </div>
    </div>
    <!--360手机-->
    <div class='content'>
        <!--上边-->
        <div class='content-up'>
            <!--360手机盒子-->
            <div style='margin-right: 20px;font-size: 20px;width: 80px; '>360手机</div>
            <div style='width: 1040px'>
                <a href='#'><div style='color: #c1bec0'>热搜：</div></a>
                <a href='#'><div>手机U盘</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>蓝牙耳机</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>移动电源</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>手机镜头</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>数据线</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>自拍杆</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>苹果配件</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>二手手机</div></a>
            </div>
            <div style='width: 100px;height: 40px;
               position:relative'>
                <div style='color: #666666;position: absolute;right: 25px;bottom: 3px' >更多</div>
                <div style='width: 58px;height: 24px;
                    background: url("../img/item1/all/spirit.png") -150px -19px;
                    position: absolute;right: 0;bottom: 10px;
                    '></div>
            </div>
        </div>
        <!--下边-->
        <div class='content-down'>
            <div class='content-left'>
                <div style='height: 390px;margin-bottom: 10px;
                    background-image:url("../img/item1/index/f1_1.jpeg")  '>
                </div>
                <div style='height: 140px;background-image:url("../img/item1/index/f1_2.jpeg")'></div>
            </div>
            <div class='content-main'>
                <div style=''>
                    <div style='margin-top: 20px'>360手机Q5 Plus</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB/6GB内存+128GB存储</div>
                    <div style='color: #ef3e19;font-size: 14px'>￥1999</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d1.png")'></div>
                </div>
                <div style='left: 247px;'>
                    <div style='margin-top: 20px'>360手机N4S</div>
                    <div style='color: #c1bec0;font-size: 14px'>5000毫安电池可用两天</div>
                    <div style='color: #ef3e19;font-size: 14px'>￥1199</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d2.png")'></div>
                </div>
                <div style='right: 1px;'>
                    <div style='margin-top: 20px'>360手机N4全网通</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB　10核处理器</div>
                    <div style='color: #bf314a;font-size: 14px'>999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d3.png")'></div>
                </div>
                <div style=' top:270px;'>
                    <div style='margin-top: 20px'>360手机N4A</div>
                    <div style='color: #c1bec0;font-size: 14px'>3+32GB大内存 4000mAh大电池</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d4.png")'></div>
                </div>
                <div style='top:270px;left: 247px;'>
                    <div style='margin-top: 20px'>360酷跑蓝牙耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>亲肤材质 长续航 防脱落</div>
                    <div style='color: #bf314a;font-size: 14px'>179元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d5.jpeg")'></div>
                </div>
                <div style='top: 270px;right: 1px;'>
                    <div style='margin-top: 20px'>360奇酷头戴式耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>可折叠 有线无线双连接</div>
                    <div style='color: #bf314a;font-size: 14px'>119元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d6.jpeg")'></div>
                </div>
            </div>
            <div class='content-right'>
                <div style='width:220px;height:540px;margin: 0 auto; position:relative; ' >
                    <div style='padding-top: 20px;height: 20px;border: 0 none;'>热销推荐</div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div style='border: 0 none;'>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--手机配件-->
    <div class='content'>
        <!--上边-->
        <div class='content-up'>
            <!--360手机盒子-->
            <div style='margin-right: 20px;font-size: 20px;width: 80px; '>手机配件</div>
            <div style='width: 1040px'>
                <a href='#'><div style='color: #c1bec0'>热搜：</div></a>
                <a href='#'><div>手机U盘</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>蓝牙耳机</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>移动电源</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>手机镜头</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>数据线</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>自拍杆</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>苹果配件</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>二手手机</div></a>
            </div>
            <div style='width: 100px;height: 40px;
               position:relative'>
                <div style='color: #666666;position: absolute;right: 25px;bottom: 3px' >更多</div>
                <div style='width: 58px;height: 24px;
                    background: url("../img/item1/all/spirit.png") -150px -19px;
                    position: absolute;right: 0;bottom: 10px;
                    '></div>
            </div>
        </div>
        <!--下边-->
        <div class='content-down'>
            <div class='content-left'>
                <div style='height: 390px;margin-bottom: 10px;
                    background-image:url("../img/item1/index/f1_1.jpeg")  '>
                </div>
                <div style='height: 140px;background-image:url("../img/item1/index/f1_2.jpeg")'></div>
            </div>
            <div class='content-main'>
                <div style=''>
                    <div style='margin-top: 20px'>360手机Q5 Plus</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB/6GB内存+128GB存储</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d1.png")'></div>
                </div>
                <div style='left: 247px;'>
                    <div style='margin-top: 20px'>360手机N4S</div>
                    <div style='color: #c1bec0;font-size: 14px'>5000毫安电池可用两天</div>
                    <div style='color: #bf314a;font-size: 14px'>1199元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d2.png")'></div>
                </div>
                <div style='right: 1px;'>
                    <div style='margin-top: 20px'>360手机N4全网通</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB　10核处理器</div>
                    <div style='color: #bf314a;font-size: 14px'>999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d3.png")'></div>
                </div>
                <div style=' top:270px;'>
                    <div style='margin-top: 20px'>360手机N4A</div>
                    <div style='color: #c1bec0;font-size: 14px'>3+32GB大内存 4000mAh大电池</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d4.png")'></div>
                </div>
                <div style='top:270px;left: 247px;'>
                    <div style='margin-top: 20px'>360酷跑蓝牙耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>亲肤材质 长续航 防脱落</div>
                    <div style='color: #bf314a;font-size: 14px'>179元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d5.jpeg")'></div>
                </div>
                <div style='top: 270px;right: 1px;'>
                    <div style='margin-top: 20px'>360奇酷头戴式耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>可折叠 有线无线双连接</div>
                    <div style='color: #bf314a;font-size: 14px'>119元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d6.jpeg")'></div>
                </div>
            </div>
            <div class='content-right'>
                <div style='width:220px;height:540px;margin: 0 auto; position:relative; ' >
                    <div style='padding-top: 20px;height: 20px;border: 0 none;'>热销推荐</div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div style='border: 0 none;'>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--智能穿戴-->
    <div class='content'>
        <!--上边-->
        <div class='content-up'>
            <!--360手机盒子-->
            <div style='margin-right: 20px;font-size: 20px;width: 80px; '>手机配件</div>
            <div style='width: 1040px'>
                <a href='#'><div style='color: #c1bec0'>热搜：</div></a>
                <a href='#'><div>手机U盘</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>蓝牙耳机</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>移动电源</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>手机镜头</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>数据线</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>自拍杆</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>苹果配件</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>二手手机</div></a>
            </div>
            <div style='width: 100px;height: 40px;
               position:relative'>
                <div style='color: #666666;position: absolute;right: 25px;bottom: 3px' >更多</div>
                <div style='width: 58px;height: 24px;
                    background: url("../img/item1/all/spirit.png") -150px -19px;
                    position: absolute;right: 0;bottom: 10px;
                    '></div>
            </div>
        </div>
        <!--下边-->
        <div class='content-down'>
            <div class='content-left'>
                <div style='height: 390px;margin-bottom: 10px;
                    background-image:url("../img/item1/index/f1_1.jpeg")  '>
                </div>
                <div style='height: 140px;background-image:url("../img/item1/index/f1_2.jpeg")'></div>
            </div>
            <div class='content-main'>
                <div style=''>
                    <div style='margin-top: 20px'>360手机Q5 Plus</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB/6GB内存+128GB存储</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d1.png")'></div>
                </div>
                <div style='left: 247px;'>
                    <div style='margin-top: 20px'>360手机N4S</div>
                    <div style='color: #c1bec0;font-size: 14px'>5000毫安电池可用两天</div>
                    <div style='color: #bf314a;font-size: 14px'>1199元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d2.png")'></div>
                </div>
                <div style='right: 1px;'>
                    <div style='margin-top: 20px'>360手机N4全网通</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB　10核处理器</div>
                    <div style='color: #bf314a;font-size: 14px'>999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d3.png")'></div>
                </div>
                <div style=' top:270px;'>
                    <div style='margin-top: 20px'>360手机N4A</div>
                    <div style='color: #c1bec0;font-size: 14px'>3+32GB大内存 4000mAh大电池</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d4.png")'></div>
                </div>
                <div style='top:270px;left: 247px;'>
                    <div style='margin-top: 20px'>360酷跑蓝牙耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>亲肤材质 长续航 防脱落</div>
                    <div style='color: #bf314a;font-size: 14px'>179元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d5.jpeg")'></div>
                </div>
                <div style='top: 270px;right: 1px;'>
                    <div style='margin-top: 20px'>360奇酷头戴式耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>可折叠 有线无线双连接</div>
                    <div style='color: #bf314a;font-size: 14px'>119元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d6.jpeg")'></div>
                </div>
            </div>
            <div class='content-right'>
                <div style='width:220px;height:540px;margin: 0 auto; position:relative; ' >
                    <div style='padding-top: 20px;height: 20px;border: 0 none;'>热销推荐</div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div style='border: 0 none;'>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--智能家居-->
    <div class='content'>
        <!--上边-->
        <div class='content-up'>
            <!--360手机盒子-->
            <div style='margin-right: 20px;font-size: 20px;width: 80px; '>手机配件</div>
            <div style='width: 1040px'>
                <a href='#'><div style='color: #c1bec0'>热搜：</div></a>
                <a href='#'><div>手机U盘</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>蓝牙耳机</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>移动电源</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>手机镜头</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>数据线</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>自拍杆</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>苹果配件</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>二手手机</div></a>
            </div>
            <div style='width: 100px;height: 40px;
               position:relative'>
                <div style='color: #666666;position: absolute;right: 25px;bottom: 3px' >更多</div>
                <div style='width: 58px;height: 24px;
                    background: url("../img/item1/all/spirit.png") -150px -19px;
                    position: absolute;right: 0;bottom: 10px;
                    '></div>
            </div>
        </div>
        <!--下边-->
        <div class='content-down'>
            <div class='content-left'>
                <div style='height: 390px;margin-bottom: 10px;
                    background-image:url("../img/item1/index/f1_1.jpeg")  '>
                </div>
                <div style='height: 140px;background-image:url("../img/item1/index/f1_2.jpeg")'></div>
            </div>
            <div class='content-main'>
                <div style=''>
                    <div style='margin-top: 20px'>360手机Q5 Plus</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB/6GB内存+128GB存储</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d1.png")'></div>
                </div>
                <div style='left: 247px;'>
                    <div style='margin-top: 20px'>360手机N4S</div>
                    <div style='color: #c1bec0;font-size: 14px'>5000毫安电池可用两天</div>
                    <div style='color: #bf314a;font-size: 14px'>1199元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d2.png")'></div>
                </div>
                <div style='right: 1px;'>
                    <div style='margin-top: 20px'>360手机N4全网通</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB　10核处理器</div>
                    <div style='color: #bf314a;font-size: 14px'>999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d3.png")'></div>
                </div>
                <div style=' top:270px;'>
                    <div style='margin-top: 20px'>360手机N4A</div>
                    <div style='color: #c1bec0;font-size: 14px'>3+32GB大内存 4000mAh大电池</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d4.png")'></div>
                </div>
                <div style='top:270px;left: 247px;'>
                    <div style='margin-top: 20px'>360酷跑蓝牙耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>亲肤材质 长续航 防脱落</div>
                    <div style='color: #bf314a;font-size: 14px'>179元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d5.jpeg")'></div>
                </div>
                <div style='top: 270px;right: 1px;'>
                    <div style='margin-top: 20px'>360奇酷头戴式耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>可折叠 有线无线双连接</div>
                    <div style='color: #bf314a;font-size: 14px'>119元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d6.jpeg")'></div>
                </div>
            </div>
            <div class='content-right'>
                <div style='width:220px;height:540px;margin: 0 auto; position:relative; ' >
                    <div style='padding-top: 20px;height: 20px;border: 0 none;'>热销推荐</div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div style='border: 0 none;'>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--智能车品-->
    <div class='content'>
        <!--上边-->
        <div class='content-up'>
            <!--360手机盒子-->
            <div style='margin-right: 20px;font-size: 20px;width: 80px; '>手机配件</div>
            <div style='width: 1040px'>
                <a href='#'><div style='color: #c1bec0'>热搜：</div></a>
                <a href='#'><div>手机U盘</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>蓝牙耳机</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>移动电源</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>手机镜头</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>数据线</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>自拍杆</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>苹果配件</div></a>
                <a href='#'><div>|</div></a>
                <a href='#'><div>二手手机</div></a>
            </div>
            <div style='width: 100px;height: 40px;
               position:relative'>
                <div style='color: #666666;position: absolute;right: 25px;bottom: 3px' >更多</div>
                <div style='width: 58px;height: 24px;
                    background: url("../img/item1/all/spirit.png") -150px -19px;
                    position: absolute;right: 0;bottom: 10px;
                    '></div>
            </div>
        </div>
        <!--下边-->
        <div class='content-down'>
            <div class='content-left'>
                <div style='height: 390px;margin-bottom: 10px;
                    background-image:url("../img/item1/index/f1_1.jpeg")  '>
                </div>
                <div style='height: 140px;background-image:url("../img/item1/index/f1_2.jpeg")'></div>
            </div>
            <div class='content-main'>
                <div style=''>
                    <div style='margin-top: 20px'>360手机Q5 Plus</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB/6GB内存+128GB存储</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d1.png")'></div>
                </div>
                <div style='left: 247px;'>
                    <div style='margin-top: 20px'>360手机N4S</div>
                    <div style='color: #c1bec0;font-size: 14px'>5000毫安电池可用两天</div>
                    <div style='color: #bf314a;font-size: 14px'>1199元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d2.png")'></div>
                </div>
                <div style='right: 1px;'>
                    <div style='margin-top: 20px'>360手机N4全网通</div>
                    <div style='color: #c1bec0;font-size: 14px'>4GB　10核处理器</div>
                    <div style='color: #bf314a;font-size: 14px'>999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d3.png")'></div>
                </div>
                <div style=' top:270px;'>
                    <div style='margin-top: 20px'>360手机N4A</div>
                    <div style='color: #c1bec0;font-size: 14px'>3+32GB大内存 4000mAh大电池</div>
                    <div style='color: #bf314a;font-size: 14px'>1999元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d4.png")'></div>
                </div>
                <div style='top:270px;left: 247px;'>
                    <div style='margin-top: 20px'>360酷跑蓝牙耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>亲肤材质 长续航 防脱落</div>
                    <div style='color: #bf314a;font-size: 14px'>179元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d5.jpeg")'></div>
                </div>
                <div style='top: 270px;right: 1px;'>
                    <div style='margin-top: 20px'>360奇酷头戴式耳机</div>
                    <div style='color: #c1bec0;font-size: 14px'>可折叠 有线无线双连接</div>
                    <div style='color: #bf314a;font-size: 14px'>119元</div>
                    <div style='width:164px;height: 164px;
                        position:absolute;
                        bottom: 0;
                        left:40px;
                        background:url("../img/item1/index/f1_d6.jpeg")'></div>
                </div>
            </div>
            <div class='content-right'>
                <div style='width:220px;height:540px;margin: 0 auto; position:relative; ' >
                    <div style='padding-top: 20px;height: 20px;border: 0 none;'>热销推荐</div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                    <div style='border: 0 none;'>
                        <div class='content-more' style='background:url("../img/item1/index/f1_l1.jpeg"); '></div>
                        <div class='content-nav' style=''>
                            <div class='nav-one'>360快充适配器充电器</div>
                            <div class='nav-two'>兼容安卓手机充电/支持市场</div>
                            <div class='nav-there'>69元</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--没有更多了-->
    <div style='width: 1240px;
                    height:100px;
                    line-height: 100px;
                    text-align: center;
                    margin:0 auto 20px;'>没有更多了！</div>
    <!--在线客服-->
    <div class='wrapper' style="background-color: #ffffff ">
        <div class='wrapper' style='border-top: 1px solid #c1bec0;
           margin: 0'>
            <div class='footer-up'>
                <div >
                    <div style=' line-height:40px;font-size: 18px;color: #23ac38; text-align:center;
                        width: 40px;height: 40px;background: url("../img/item1/all/yuan.png");  position: absolute;top:10px;left:70px;'>
                        7
                    </div>
                    <div class='footer-more'>7天无理由退货</div>
                </div>
                <div >
                    <div style=' line-height:40px;font-size: 18px;color: #36ab3f; text-align:center;
                        width: 40px;height: 40px;background: url("../img/item1/all/yuan.png");  position: absolute;top:10px;left:70px;'>
                        15
                    </div>
                    <div class='footer-more'>15天免费换货</div>
                </div>
                <div >
                    <div style='
                        line-height:40px;font-size: 18px;color: #23ac38; text-align:center;
                        width: 40px;height: 40px;background: url("../img/item1/all/yuan.png");  position: absolute;top:10px;left:70px;'>
                        包
                    </div>
                    <div class='footer-more'>满99元包邮</div>
                </div>
                <div style='border-right: 0 none'>
                    <div style=' line-height:40px;font-size: 18px;color: #23ac38; text-align:center;
                        width: 40px;height: 40px;background: url("../img/item1/all/yuan.png");  position: absolute;top:10px;left:70px;'>
                        服
                    </div>
                    <div class='footer-more' >手机特色服务</div>
                </div>

            </div>>
        </div>
        <div class='wrapper' style='border-top: 1px solid #c1bec0;margin: 0'>
            <div class='footer-main'>
                <div>
                    <div>帮助中心</div>
                    <a href='help.html' target="_blank"><div>用户注册</div></a>
                    <a href='#'><div>用户登录与密码找回</div></a>
                    <a href='#'><div>购买指南</div></a>
                    <a href='#'><div>支付方式</div></a>
                    <a href='#'><div>配送与说明</div></a>
                </div>
                <div>
                    <div>售后服务</div>
                    <a href='#'><div>7日无理由退换</div></a>
                    <a href='#'><div>质量问题 15 日内换货</div></a>
                    <a href='#'><div>保修条款</div></a>
                    <a href='#'><div>服务流程</div></a>
                    <a href='#'><div>安迷之家</div></a>
                </div>
                <div>
                    <div>特色服务</div>
                    <a href='#'><div>F码通道</div></a>
                    <a href='#'><div>360 生态</div></a>
                </div>
                <div>
                    <div>推广合作</div>
                    <a href='#'><div>商品入驻</div></a>
                    <a href='#'><div>大客户采购</div></a>
                </div>
                <div>
                    <div>关注柔柔商城</div>
                    <a href='#'><div>柔柔柔商城大事记</div></a>
                </div>
                <div style='position: relative'>
                    <div>联系我们</div>
                    <a href='#'>
                        <div style='width: 108px;
                                height: 36px;
                                background-image: url("../img/item1/all/onserver.png");
                                position: absolute'>
                        </div>
                    </a>
                    <a href='#'>
                        <div style='width: 35px;height: 36px;
                                background-image:url("../img/item1/all/weixin.png");
                                position: absolute;left: 118px '>
                        </div>
                    </a>
                    <a href='#'>
                        <div style='width: 35px;height: 36px;
                                background-image:url("../img/item1/all/xinlang.png");
                                position: absolute;right: 0 '>
                        </div>
                    </a>


                </div>
            </div>
        </div>
        <div class='wrapper' style='border-top: 1px solid #c1bec0'>
            <div class='footer-down'>
                柔柔商城&copy;2013-2016公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号
            </div>
        </div>
    </div>
</div>
</body>
</html>